<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog UserBindInfo-dialog" ng-init="init();"  style="background-color: #fafafa;">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="'B0250.userDialog.title' | translate"></div>
        <div class="kmi-side-btn right" ng-click="dialog.back();">
            <img src="image/icons/clear.png"></img>
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" >
        <div class="kmi-text-fields">
            <label class="label" ng-bind="'B0250.userDialog.label1' | translate"></label>
            <input class="value" ng-model="dialog.userNo" ng-keypress="dialog.enter($event)"></input>
            <div class="tip search" ng-click="dialog.btn();"><img src="image/icons/search.png"></img> </div>
        </div>
        <div class="kmi-layout-page">
            <!-- 表格 -->
            <div class="kmi-list column-selector" style="margin:5px;"  kmi-scrollbar="500px" column-selector-id="user_info_list">
                <div class="kmi-list__header">
                    <div class="kmi-list__column head-controls require" style="flex:1;">
                        <label ng-bind="'B0250.userDialog.column1' | translate" ></label>
                    </div>
                    <div class="kmi-list__column head-controls require" style="flex:1;">
                        <label ng-bind="'B0250.userDialog.column2' | translate" ></label>
                    </div>
                    <div class="kmi-list__column head-controls require" style="flex:1;">
                        <label ng-bind="'B0250.userDialog.column4' | translate" ></label>
                    </div>
                    <div class="kmi-list__column head-controls require" style="flex:1;">
                        <label ng-bind="'B0250.userDialog.column3' | translate"></label>                        
                    </div>
                </div>
                <div class="kmi-list__row-content" style="min-height:300px;">
                    <div ng-repeat="group in dialog.content track by $index" ng-init="groupIndex=$index">
                        <div class="kmi-list__row">
                            <!-- 收放紐 -->
                            <div class="kmi-list__column " style="flex:1; display: flex; flex-direction: row; align-items: center;">
                                <div class="close-btn" ng-click="dialog.triggerGroup(group);" >
                                    <i class="material-icons close" ng-show="!group.is_close" style="color: #1ab7cd;">indeterminate_check_box</i>
                                    <i class="material-icons open" ng-show="group.is_close" style="color: #1ab7cd;">add_box</i>
                                    <div class="kmi-can-click"></div>
                                </div>
                                <!-- 群組標題 -->
                                <div ng-bind ="group[0].v_user" style="padding-left: 5px;"></div>
                                <div ng-bind="'( '+group.length+' )'" style="position: absolute; right: 0px;"></div>
                            </div>
                        </div>                        
                        <div class="kmi-list__row" ng-repeat="item in group track by $index" ng-show="!group.is_close">
                            <!-- 群組內容 -->
                            <div class="kmi-list__column " style="flex:1;" ng-bind ="item.lotno" ></div>
                            <div class="kmi-list__column " style="flex:1;" ng-bind ="item.opno" ></div>
                            <div class="kmi-list__column " style="flex:1;" ng-bind ="item.bind_status" ></div>
                            <div class="kmi-list__column " style="flex:1;" ng-bind ="item.logindate" ></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
